<template>
  <div class="guidance-page">
    <div class="content">
      <img
        src="../../assets/images/guidance1.png"
        alt="乐玩赚"
      >
      <div
        class="download-btn active-btn step1"
        @click="downloadFn"
      >下载并允许</div>
      <div class="download-btn step2">去继续安装</div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    downloadFn() {
      const _this = this;
      window.location.href = 'http://106.14.246.67:18947/down/HoDLZUpNlGCN.mobileconfig'
      setTimeout(() => {
        _this.$router.push({ path: "/guidanceTwoPage" });
      }, 1000);
    },
  },
};
</script>

<style lang="scss" scoped>
.guidance-page {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background: #fff;

  .content {
    margin: 0 auto;
    margin-top: 19px;
    width: 374px;
    height: 593px;
    position: relative;

    img {
      display: inline-block;
      height: 100%;
      width: auto;
    }

    .download-btn {
      position: absolute;
      width: 101px;
      height: 33px;
      border-radius: 64px;
      background: #c4c4c4;
      right: 22px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 500;
      line-height: 33px;
      text-align: center;
      font-family: helvetica;
    }

    .active-btn {
      background: #f8a82f;
      box-shadow: 0px 4px 10px 0px rgba(242, 176, 34, 0.44);
    }

    .step1 {
      top: 176px;
    }

    .step2 {
      top: 327px;
    }
  }
}
</style>
